*{padding: 0;margin: 0;list-style: none;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
html,body{height: 100%;background:#FFF;}
a{color: #333;text-decoration: none;}
a:hover{text-decoration: none;}
.main{height: 100%;padding: 0;}
.sidebar-scroll {background-color: #3c444d; width: 180px; z-index: 100; height: 100%; position: fixed; overflow: hidden; top: 0;left: 0;}
.sidebar-auto {
    overflow: auto;
    height: 100%;
    margin-right: -18px;
}

.sidebar-auto .menu {
	background-color: #353d44
}

.menu li {
	margin-bottom: 1px;
	position: relative
}

.menu li a {
	font-size: 15px;
	color: #d6d7d9;
	display: block;
	line-height: 44px;
	padding-left: 52px;
	background-repeat: no-repeat;
	background-size: 16px auto;
	background-position: 25px 14px;
	border-left: #404040 2px solid
}

.menu li.current a,
.menu li a:hover {
	background-color: #2c3138;
	color: #fff;
	border-left: #20a53a 2px solid
}
.main-content {
    margin-left: 180px;
}